/** margin start */
.margin-left20 {
  margin-left: 20px;
}

.margin-left10 {
  margin-left: 10px;
}

.margin-top20 {
  margin-top: 20px;
}

.margin-bottom10 {
  margin-bottom: 10px;
}

.margin-bottom20 {
  margin-bottom: 20px;
}

.margin-bottom10 {
  margin-bottom: 10px;
}

.margin-top20 {
  margin-top: 20px;
}

.margin-right16 {
  margin-right: 16px;
}

.margin-left16 {
  margin-left: 16px;
}
/** margin end */

/** color start */
.color_f2bd26 {
  color: #f2bd26;
}

.color_409EFF {
  color: #409eff;
}

.color_F56C6C {
  color: #f56c6c;
  &:hover {
    color: #ff5050;
  }
  &:active {
    color: #ff5050;
  }
}

.color_67C23A {
  color: #67c23a;
}

.color_9098a1 {
  color: #9098a1;
  &:hover {
    color: #767c83;
  }
}
/** color end */

/** flex start */
.flex {
  display: flex;
  flex-direction: row;
}

.flex.col {
  flex-direction: column;
  align-content: flex-start;
}

.flex.row_resolve {
  flex-direction: row-reverse;
}

.flex.between {
  justify-content: space-between;
}

.flex.flex_end {
  align-self: flex-end;
}

.flex.center {
  justify-content: center;
}

.flex.wrap {
  flex-flow: wrap;
}

.flex.column {
  flex-direction: column;
}

.flex.align_center {
  align-items: center;
}

.flex .flex1 {
  flex: 1;
}
/** flex end */

/** 常用 start */
.pointer {
  cursor: pointer;
}

.pointer:hover {
  color: #409eff;
}

.left_blue_line {
  color: #333;
  border-left: 3px solid #409eff;
  padding-left: 10px;
  margin-bottom: 15px;
}

.oneEllipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/** 常用 end */
